{if $prevPage}
    <div id="prev"><a onclick="return prev('{$selectedType}','{$selectedMeta}','{$prevPage}')" href="index.php?type={$selectedType}&amp;meta={$selectedMeta}&amp;page={$prevPage}"><img src="images/prev.png" alt="Prev" /></a></div>
{/if}
{if $nextPage}
    <div id="next"><a onclick="return next('{$selectedType}','{$selectedMeta}','{$nextPage}')" href="index.php?type={$selectedType}&amp;meta={$selectedMeta}&amp;page={$nextPage}"><img src="images/next.png" alt="Next" /></a></div>
{/if}
      <div id="items">
        <ul id="item">
          <!-- <li><a href="#" title="name"><span></span>name</a></li> -->
{section name=sec1 loop=$items}
          <li id="li{$items[sec1].id}"><a href="{$items[sec1].uri}" title="{$items[sec1].name}"><span id="ico{$items[sec1].id}" style="background-image: url({$items[sec1].thumbnail})"></span>{$items[sec1].name}</a></li>
{sectionelse}
          <li><strong>No file found</strong></li>
{/section}
        </ul>
{if $selectedType == 5}
{literal}
        <script type="text/javascript">
// Lightbox 0.5 modified isn't ready yet (bug when resizing pictures)
//$("#item li a").lightBox({
//	overlayBgColor: '#000',
//	overlayOpacity: 0.6,
//	imageLoading: 'images/load.gif',
//	imageBtnClose: 'images/lightbox/lightbo-btn-close.gif',
//	imageBtnPrev: 'images/prev.png',
//	imageBtnNext: 'images/next.png',
//	txtImage: 'Image',
//	txtOf: 'of',
//	containerBorderSize: 2
//});
{/literal}
        </script>
{/if}
        <div class="clear"></div>
      </div>

